<!DOCTYPE html>
<html style="height: 100%">
<head>
    <meta charset="utf-8">
</head>
<body style="height: 100%; margin: 0;background-color: RGB(16,12,42)">
<b style="color: whitesmoke;font-size: 25px;position: absolute;left: 600px;top: 30px">不同天气下，各月份的租车人数</b>
<div id="container" style="height: 80%;width: 80%;top:100px;left: 160px"></div>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script>
<script type="text/javascript">
    var dom = document.getElementById("container");
    var myChart = echarts.init(dom,'dark');
    var app = {};
    var option;
    option = {
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: ['邮件营销', '联盟广告', '视频广告', '直接访问']
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        toolbox: {
            feature: {
                saveAsImage: {}
            }
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },
        yAxis: {
            type: 'value'
        },
        series: [
            {
                name: '直接访问',
                type: 'line',
                stack: '总量',
                data: [223]
            },
            {
                name: '邮件营销',
                type: 'line',
                stack: '总量',
                data: [92726, 105618, 156094, 201563, 233001, 274190, 275693, 258351, 239042, 204467, 176571, 120857, 8528]
            },
            {
                name: '联盟广告',
                type: 'line',
                stack: '总量',
                data: [36634, 35414, 62902, 55301, 78914, 61457, 57146, 75262, 87113, 95330, 68828, 81651]
            },
            {
                name: '视频广告',
                type: 'line',
                stack: '总量',
                data: [5350, 10320, 9924, 12230, 19771, 10695, 12109, 17581, 19836, 22555, 9432, 8528]
            }
        ]
    };


    if (option && typeof option === 'object') {
        myChart.setOption(option);
    }

</script>
</body>
</html>